@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
.search{
    width:100%;
    height:100vh;
    background:#f1f1f1;
    position: fixed;
    top:0;
    transform: translateX(100%);
    transition:all 1s ease-in-out;
    z-index: 9999;;
    >header{
        width:100%;
        height:r(99);
        background: #1f1f1f;
        text-align: center;
        >input{
            margin-top:r(22);
            background: url(../img/sousuo.png) no-repeat;
            background-position:r(15);
            color:#fff;
            height:r(60);
            width:r(540);
            // background: #1f1f1f;
            border:#fff 2px solid;
            border-radius: r(50);
            font-size: r(25);
            padding-right:r(15);
            padding-left:r(70);
        }
        >label{
            >span{
                font-size:r(28);
                color:#fff;
            }
        }
       
      
    }//header
    .neirong{
        background:#f1f1f1;
        width:r(594);
        margin-top:r(38);
        margin-left:r(35);
        >p{
            font-size:r(28);
        }
        >.biaoqian{
            margin-top:r(20);
            font-size: r(28);
            color:#8c8c8c;
            >div{
                margin-top:r(13);
                display: inline-block;
                padding:r(13) r(15);
                border:#8c8c8c 1px solid;
            }
            >div:hover{
                background:#b10000;
                color:#fff;
            }
        }
    }
}//search